<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <a href="#a">aaaaaaa</a>

    <form action="" method="post">
        <input type="text" name="username">
        <input type="password" name="userpwd">
        <button type="submit">提交</button>
    </form>

    <div id="a">ddddddd</div>

    <script>

        // location  地址栏
        //   href   完整的地址栏信息
        //   hostname   域名
        //   port    端口号
        //   host   域名+端口号
        //   protocal  协议(http / https)
        //   pathname  路由
        //   search   地址栏  ?及后面的一部分
        //   hash    锚点的值 #后面的值 


        // 方法
        //   reload()   刷新页面
        //   assign()   跳转到指定的页面，会产生历史记录
        //   replace()  替换当前页面，没有历史记录


        // href 也可以设置跳转的地址  也会产生历史记录

        // console.log(location);

        setTimeout(function(){
            // location.reload() ;
            // location.assign('http://www.baidu.com');

            // 属性
            location.href = 'http://www.baidu.com' ;
        } , 4000)

        

    </script>
    
</body>
</html>